<template>
  <div style="background-color: #f4f4f4">
    <div>
      <el-card style="height: 100%">
        <el-alert title="添加作品" type="info" center show-icon :closable="false"></el-alert>
        <FormPusher/>

      </el-card>
    </div>
  </div>
</template>

<script setup>
  import FormPusher from "@/components/formPusher.vue";
  import store from "@/store/index.js";
  import {ref} from "vue";
  const name = "UploadWork";
  const activeIndex = ref(0);
  const pageNum = ref(1);
  const pageSize = ref(5);
  const addForm = ref({});
  const addFormRules = ref({
    workName: [{required: true, message: '请输入作品名称', trigger: 'blur'}],
    selectedKeys: [{required: true, message: '请选择作品分类', trigger: 'change'}],
    username: [{required: true, message: '请输入发布人', trigger: 'blur'}]
  });
  const selectedKeys = ref([]);
  const parentCateList = ref([]);
  const cascaderProps = ref({
    value: 'categoryId',
    label: 'categoryName',
    children: 'children'
  });
  const fileList2 = ref([]);
  const fileURL = ref(store.state.Host + '/img/worksFile/上传.png');
  const posterURL = ref(store.state.Host + '/img/worksFile/上传.png');
  const workFilename = ref('');
  const poster = ref('');

  const uploadPoster = (file) => {
    poster.value = file.raw
  }
  const uploadWorkFile = (file) => {
    workFilename.value = file.raw
  };

</script>

<style scoped>


    /deep/ .el-table {
        font-size: 12px;
    }


    /deep/ .el-step {
        margin: 15px 0;
    }

    /deep/ .el-step__title {
        font-size: 13px;
    }

    /deep/ .el-form-item__label {
        white-space: pre-line;
    }

    /deep/ .el-upload__input {
        visibility: hidden !important;
    }
</style>
